<div class="login-container">
    <header class="navBar">
        <div class="logo-box">
            <div class="logo"></div>
        </div>
    </header>
    <main class="container">
        <div class="login" (keyup)="keyEnterLogin($event)">
            <p class="login-title">账户登录</p>
            <div class="username">
                <input type="text" id="loginUserName" [(ngModel)]="loginModel.username" name="username" [ngClass]="{'login-invalid': isUsername}">
            </div>
            <div class="password">
                <input type="password" id="loginPassWord" [(ngModel)]="loginModel.password" name="password" [ngClass]="{'login-invalid': isPassword}">
            </div>
            <p class="error-info">{{errorMsg}}</p>
            <button (click)="login()">登录</button>
        </div>
    </main>
    <article>
        <div class="list-box">
            <div class="list list-first">
                <div class="list-container">
                    <span class="list-name">全球采购</span>
                    <span class="list-content">全球原产地采购保证品质</span>
                </div>
            </div>
            <div class="list list-second">
                <div class="list-container">
                    <span class="list-name">中央厨房</span>
                    <span class="list-content">12000平米自动化中央厨房</span>
                </div>
            </div>
            <div class="list list-third">
                <div class="list-container">
                    <span class="list-name">冷链保鲜</span>
                    <span class="list-content">自建物流全程专业冷链</span>
                </div>
            </div>
            <div class="list list-forth">
                <div class="list-container">
                    <span class="list-name">品质保障</span>
                    <span class="list-content">12项工序确保食材新鲜</span>
                </div>
            </div>
        </div>
    </article>
    <footer>
        <p>沪ICP备15001583号-1 Copyright©2015-2016 我厨（上海）科技有限公司版权所有</p>
    </footer>
    <div class="login-backImg-container">
        <img class="login-backImg" src="{{loginImg}}" alt="">
    </div>
</div>